* {
    padding: 0;
    margin: 0;
}

.cont {
    overflow: hidden
}
.bg-transverse{width: 100%;}
.bg-grey {
    background-color: #F4F3EE;
    padding: 40px 0;
}

.com-center {
    width: 78%;
    margin: 0 auto;
}

.flex {
    display: flex;
    justify-content: space-between;
}

/* list1 */
.list1 p {
    font-size: 13px;
    color: #8F9395;
    padding: 10px;
}

.list1 dl {
    border-radius: 10px;
    width: 32%;
    background-color: #fff;
    padding-bottom: 5px;
    letter-spacing: 0.5px
}

.list1 dl img {
    width: 100%;
}

.title1 {
    font-weight: bold;
    font-size: 24px;
    padding: 10px 0 20px 20px;
    border-bottom: #F8F8F8 1px solid;
}

.span1 {
    color: #EC9E45;
}

/* cont1 */
.cont1 {
    padding-bottom: 20px;
}

h1 {
    text-align: center;
    color: #EC9E45;
}

.cont1head {
    padding: 40px 0 20px;
}

.title-p {
    font-size: 14px;
    color: #8F9395;
    text-align: center;
    letter-spacing: 1px
}

/* list2 */
.list2 {
    text-align: center;
    margin-top: 20px;
}

.list2 dl {
    margin: 30px 0;
}

.list2 dl dt img {
    width: 100px;
    border: #EAEAEA 1px solid;
    border-radius: 50%;
}

.title2 {
    color: #4C5055;
    font-weight: bold;
    padding: 15px 0;
}

.list2 dd p {
    font-size: 13px;
    color: #8F9395;
    line-height: 22px;
}
.phone-p{display: none;}

.btn {
    width: 90px;
    height: 40px;
    background-color: #FE9B14;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    letter-spacing: 1px;
    margin: 0 auto;
}
.list3{text-align: center;}
.list3 dl{margin: 80px 0;}
.title3{font-size: 20px;padding: 10px 0 10px 10px;}
.list3 .title-p{font-size: 16px;}
/* cont3 */
.cont3{margin: 40px auto;}
.cont3left{width: 54%;}
.left-top>div{width: 48%;}
.con3top-p1{font-size: 14px;padding-bottom: 10px;}
.con3top-p2{font-size: 12px;line-height: 20px;letter-spacing: 1px;color: #808F95;}
.left-bottom{margin: 15px 0;width: 100%;}
.left-bottom img{display: block; width: 100%;}
.left-bottom dl{width: 31%;font-weight: bold;color: #4E473F;}
.cont3right{width: 40%;}
.bor-grey{border-bottom: #DCDCDC 4px solid;padding: 14px 0;}
.borog{border-bottom: #FC9407 4px solid;padding: 14px 0;font-size: 24px;font-weight: bold;}
.gtul{color: #515A57;font-weight: bold;font-size: 14px;}
.gtul div{line-height: 50px;border-bottom: #E6E6E6 1px solid;padding: 0 15px;box-sizing: border-box;}

.splitline{background: url(../img/wns.webp) no-repeat center; background-size: 100%;color: #fff;font-size: 40px;font-weight: bold;padding: 160px ;text-align: center;line-height: 80px;}
@media (max-width:1024px) {
    .flex {
    flex-wrap: wrap;
}
    .list1 dl {
        width: 100%;margin: 10px 0;
    }
    h1{font-weight: normal;}
    .bg-transverse{width: 180%;display: block;position: relative;left: -40%;}
    .list2 dl {
        width: 100%;margin: 10px 0;padding: 15px 0;
    }
    .pc-p{display: none;}
    .phone-p{display: block;}
    .cont1{padding: 40px 0;}
    .list3 dl {
        width: 100%;
        margin: 10px auto;
    }
    .list3{margin: 40px auto;margin-bottom: 140px;}
    .cont3left{width: 100%;}
    .left-top{width: 100%;}
    .left-top img{width: 100%;}
    .left-top>div{width: 100%;}
    .left-bottom dl{width: 100%;}
    .left-bottom dl dd{padding: 20px 0;}
    .cont3right{width: 100%;}
    
    
}